<template>
  <a-modal v-model="payOrder" :title="title" @cancel="handleToCancel" @ok="handOk">
    <div class="orderPay">
<!--      <div class="payItems">剩余时间：<span class="payText">00:00:00</span></div>-->
      <div class="payItems">支付金额：<span class="payText">{{ paypage.amount }}</span></div>
      <div class="payItems">收款方式：
        <a-radio-group v-model="paypage.payWay" :default-value="1">
          <a-radio :value="1">
            微信
          </a-radio>
<!--          <a-radio :value="2" disabled>-->
<!--            支付宝-->
<!--          </a-radio>-->
<!--          <a-radio :value="3" disabled>-->
<!--            银联-->
<!--          </a-radio>-->
        </a-radio-group>
      </div>
      <div>
        <img :src="paypage.imgUrl"/>
      </div>
    </div>
  </a-modal>
</template>

<script>
export default {
  name: 'payOrders',
  data() {
    return {
      pictrue: '',
      paypage: {},
      payOrder: false,
      title: 'Show',
      payWay: ''
    }
  },
  methods: {
    edit(paypage, shows) {
      // 页面标题
      this.paypage = Object.assign({}, paypage)
      this.title = shows
      this.payOrder = true

    },
    handOk() {
      this.handleToCancel()
    },
    handleToCancel() {
      this.payOrder = false
    }
  }
}
</script>

<style scoped>
.orderPay {
  display: flex;
  flex-direction: column;

}

.payText {
  color: red;
}

.payItems {
  font-size: 14px;
  margin: 4px 0;
}
</style>